<template>
    <div>
        <mt-swipe :auto="4000">
            <mt-swipe-item v-for="item in swiperList" :key="item.id">
                <img :src="item.img" alt="" :class="{ fullwidth:isfull }">
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>

<script>
export default {
    // 接收 使用该子组件所传递过来的 轮播图数据 及 接收 是否轮播图全屏展示 的布尔值
    props:["swiperList","isfull"]
}
</script>

<style lang="scss" scoped>
.mint-swipe{
    height:220px;
    .mint-swipe-item{
        text-align:center;
        img{
            // width:100%;
            height:100%;
        }
    }
}
// 轮播图是否全屏展示
.fullwidth{
    width:100%;
}
</style>